<template>
  <view class="content">
    <view class="banner"><image class="img" src="../../static/banner.png" mode="aspectFit"></image></view>

    <view class="info bg-yellow bdr10">
      <view class="tit t-c fz36">寄存须知</view>
      <view class="ct fz30">
        <view class="p">1、禁止寄存现金及贵重物品,如果丢失后果自负</view>
        <view class="p">2、禁止寄存有异味、易燃、易爆、易变质损坏、违法及有毒物品。如违反规定,造成不良后果,将追究寄存人责任。</view>
        <view class="p">3、切勿在他人已开的箱内存物品。</view>
        <view class="p">4、请注意寄存时间，如果超时可能需要支付滞留费用。</view>
        <view class="p">
          5、如有疑问请联系客服:
          <text class="red">{{ state.phone }}</text>
        </view>
      </view>
    </view>

    <view class="btn-box">
      <button class="btn main-theme-bgcolor fff" @click="scanQRCode">
        <sw-icons color="#fff" size="36" icon="icon-saoma" class="mr20"></sw-icons>
        扫码寄存
      </button>
    </view>
  </view>
</template>

<script setup>
import { reactive, getCurrentInstance } from 'vue';
import { onLoad } from '@dcloudio/uni-app';

const { proxy } = getCurrentInstance();
const state = reactive({
  phone: ''
});

// 微信扫一扫
const scanQRCode = () => {
  jWeixin.scanQRCode({
    needResult: 0, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，
    scanType: ['barCode', 'qrCode'], // 可以指定扫二维码还是一维码，默认二者都有
    success: function(res) {
      // const result = res.resultStr; // 当needResult 为 1 时，扫码返回的结果
    }
  });
};

// 页面加载完成
onLoad(async () => {
  await proxy.$onLaunched;
  state.phone = getApp().globalData.phone;
  jWeixin.ready(() => {
    scanQRCode();
  });
});
</script>

<style lang="less" scoped>
// @import url('@/common/less/common.less');
.banner {
  .img {
    width: 100%;
  }
}

.info {
  padding: 30rpx 20rpx;
  margin: 20rpx;

  .tit {
    line-height: 100rpx;
  }

  .ct {
    line-height: 1.6;

    .p {
      padding: 10rpx 0;
    }
  }
}

.btn-box {
  padding: 40rpx 20rpx;
}
</style>
